/* hotspot */
#hotspot{
	/* -khtml-opacity:0.7;
	-moz-opacity:0.7;
	filter:alpha(opacity=70);
	opacity:0.7; */
	background: #ffffff;
	width: 100%;
	height: 100%;
	border-right: 1px solid #E6E6E6;
}
#svghotspot{
	/* -khtml-opacity:0.7;
	-moz-opacity:0.7;
	filter:alpha(opacity=70);
	opacity:0.7; */
	background: #ffffff;
	width: 100%;
	height: 100%;
	border-right: 1px solid #E6E6E6;
}
.hot_img_close{
	z-index: 9998;
	position: fixed;
	top: 10px;
	left: 44%;
	width: 40px;
	height: 40px;
}
.svg_img_close{
	z-index: 9998;
	position: fixed;
	top: 10px;
	left: 44%;
	width: 40px;
	height: 40px;
}
.hot-img{
	background-color: #FFFFFF;
  touch-action: none;
  user-select: none;
  -webkit-user-drag: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.svg-img{
	background-color: #FFFFFF;
}

.hot-item{
	cursor: pointer;
	position: absolute;
	border: 2px solid #216797;
	z-index: 999;
}
.hot-item-pointer{
	height: 12px;
	width: 12px;
	position: relative;
	top: -12px;
	left: -2px;
	background-color: #216797;
}
.hot_img_zoom{
	z-index: 9998;
	position: fixed;
	top: 10px;
	left: 40%;
	width: 40px;
	height: 40px;
	/* background-color: #EEF8F9; */
}
.svg_img_zoom{
	z-index: 9998;
	position: fixed;
	top: 10px;
	left: 40%;
	width: 40px;
	height: 40px;
	/* background-color: #EEF8F9; */
}

.zoom{
	/*background-color: #EEF8F9;*/
	/*border-bottom: 1px solid #E6E6E6;*/
	z-index: 9998;
	position: relative;
	top: 0;
	left: 0;
}
.zoom-img{
	width: 100%;
	height: 100%;
	text-align: center;
	position: absolute;
	/* top: 50%; */
}

.zoom-img>div{
	width: 40px;
	height: 40px;
	display: inline-block;
	margin: 10px;
	/* margin-top: -20px; */
}
.zoom-img img{
	width: 100%;
	height: 100%;
}
.zoomm-value{
	line-height: 40px;
}
.svg-value{
	line-height: 40px;
}
.svg_img_zoom:hover,
.svg_img_close:hover,
.hot_img_zoom:hover,
.hot_img_close:hover{
	cursor: pointer;
	-khtml-opacity:0.8;
	-moz-opacity:0.8;
	filter:alpha(opacity=80);
	opacity:0.8;
}



